<template>
  <view>
    <view class="couponDescription">
      <view class="infobox1">
        <view class="title c1F1F1F f32 fontWeight"> 查看使用说明 </view>
        <image
          src="@/static/img10.png"
          mode="widthFix"
          @click="$emit('closeChange')"
          class="close"
        ></image>
      </view>
      <view class="content c525252 f28" v-html="value"> </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "couponDescription",
  props: {
    show: {
      default: false,
    },
    value: {
      default: "",
    },
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.couponDescription {
  padding: 40rpx 30rpx 0;
  background: #fff;
  border-radius: 48rpx 48rpx 0 0;
  height: 500rpx;
  overflow: hidden;

  .infobox1 {
    position: relative;

    .title {
      text-align: center;
    }

    .close {
      position: absolute;
      top: 4rpx;
      right: 0;
      width: 32rpx;
      height: 32rpx;
    }
  }

  .content {
    margin: 22rpx 0 0;
    height: 400rpx;
    overflow-y: scroll;
  }
}
</style>
